<%--
    Document   : addv030
    Created on : Jul 30, 2012, 3:14:19 PM
    Author     : ems
--%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="../css/popup.css"/>
        <link rel="stylesheet" type="text/css" href="../css/report.css"/>
        <link rel="stylesheet" type="text/css" href="../css/jquery.fancybox-1.3.4.css"/>
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/kapi.js"></script>
    </head>
    <script type="text/javascript">
        var open_cur = 0;
        $j = jQuery.noConflict();
        $j(document).ready(function(){


            //validateform("form-input-customer");
        });
        
    </script>
    <script type="text/javascript">
        var open_cur = 0;
        $j = jQuery.noConflict();
        $j(document).ready(function(){

            $j('.keysearch').live('keyup',function(){
                $j('.rich-table-row').hide();
                $j('.rich-table-row').each(function(){
                    html = $j(this).html();
                    // alert( ununicode(html));  || html.indexOf( $j('.keysearch').val()) > -1
                    if(   html.indexOf( $j('.keysearch').val()) > -1    )  {
                        $j(this).show();
                    }else{
                        $j(this).hide();
                    }

                });
            });

        });


    </script>
    <style type="text/css">
        .form_item_content .workLeft{
            border: 1px solid #65727E;
            border-radius: 3px;
            float: left;
            height: 43px;
            margin-left: 21px;
            width: 15%;
             color: #404C58;
        }
        .form_item_content .workLeft label{
            color: #2B3844;
            font-weight: bold;
            margin-left: 17px;
        }
        .form_item_content .workRight_L{
            
            border: 1px solid #2B3844;
            float: left;
            height: 62px;
            margin-left: 142px;
            margin-top: 5px;
            width: 79%;
            border-radius: 3px;

        }
        .form_item_content .workRight{
           
            float: left;
            height: auto;
            width: 79%;
            margin-left: 15px;
            border-radius: 3px;
            
        }

        .form_item_content .workRight1{
            float: left;
            height: auto;            
            padding-left: 8px;
            margin-top: 5px;
            width: 99%;
            padding: 5px 0 5px 5px;
           
        }

        .form_item_content .workRight2{
           
            background-color: #D1E1F1;
            float: left;
            height: auto;            
            padding-left: 8px;
            margin-top: 5px;
            width: 99%;
            padding: 5px 0 5px 5px;
            
        }
       
       
        
        .lbl_workright{
            float:left;
            margin-left: 5px;           
            text-align: right !important;
            width: 135px;
            color: #404C58;
            font-weight: bold;
            padding: 2px 2px 2px 2px; 
        }
        .lbl_workright_span{
            float:left;
            margin-left: 5px;           
            text-align: left !important;
            width: 590px;
            color: #404C58;           
            padding: 2px 2px 2px 2px; 
            font-size: 12px;
            height: 15px;
            line-height: 15px;
        }
        .lbl_emp span{
            font-weight: normal;
            margin-left: 5px;           
            text-align: left !important;   
            padding: 2px 2px 2px 2px; 
        }
        .lbl_emp1 span{
            font-weight: normal;
            margin-left: 5px;           
            text-align: left !important;   
            padding: 2px 2px 2px 2px; 
        }
        .lbl_emp{
            float: left;
            width: auto !important;
            color: #404C58;
             margin-left: 5px;           
            text-align: left !important;
           padding: 2px 2px 2px 2px; 
            color: #404C58;
            font-weight: bold;
        }
        .lbl_emp1{
            float: left;
            margin-left: 5px;           
            text-align: left !important;
            width:595px !important;
            color: #404C58;
            font-weight: bold;
            padding: 2px 2px 2px 2px; 
        }
        .des_workright{
             color: #404C58;   
            border: 1px solid #65727e;
            float: left; 
            margin-top: 15px;
            margin-left: 5px;
            width: 76%;
            height: 100px;
            border-radius: 3px;
            padding: 5px 5px 5px 5px; 
            font-size: 12px;
        }
    </style>
    <f:view>
        <a4j:form id="form-input-customer" >
            <body style=" float:left; width:auto; height:auto; margin:0px;overflow: hidden;">
                <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
                <h:inputHidden id="pc300" value="#{c300Controller.PC300}" />
                <h:inputHidden id="fc150" value="#{c300Controller.FC150}" />
                <h:inputHidden id="fc500" value="#{c300Controller.FC500}" />
                <h:inputHidden id="CN315" value="#{c300Controller.CN315}" />
                <h:inputHidden id="fis" value="#{c300Controller.fis}"/>
                <div class="popup" style="height:460px; width:760px;background:white;margin-top:13px; margin-right: 12px ">
                    <div class="popup-header">
                        <div class="title"><h:outputText value="#{locale.job_detail}"/></div>
                        <div style=" position: fixed; float:left; height:50px;width:50px;left:708px;">
                            <a id="fancybox-close" onclick="reloadProject()"  style="display: block; float:left;"></a>
                        </div>
                    </div>
                    <div class="popup-content">
                        <div class="main_content">

                            <div class="div_menu_header" >
                                <div class="menu-header " style="background:white; height:30px;color:black"><h:outputText value="#{locale.job}"/></div>
                                <div class="menu-header" style="display:<h:outputText rendered="#{c300Controller.fis !=0 && c300Controller.fis !=2 }" value="none" />" > <a href="editReport.jsp?FN600=<h:outputText value="#{c300Controller.FN600}" />&CN315=<h:outputText value="#{c300Controller.CN315}" />&fis=<h:outputText value="#{c300Controller.fis}" />&FC500=<h:outputText value="#{c300Controller.FC500}" />&FC150=<h:outputText value="#{c300Controller.FC150}" />&emp=<h:outputText value="#{c300Controller.emp}" />" ><h:outputText value="#{locale.report}"/></a></div>
                                
                                <div class="menu-header" ><a href="historyReport.jsp?FN600=<h:outputText value="#{c300Controller.FN600}" />&CN315=<h:outputText value="#{c300Controller.CN315}" />&fis=<h:outputText value="#{c300Controller.fis}" />&FC500=<h:outputText value="#{c300Controller.FC500}" />&FC150=<h:outputText value="#{c300Controller.FC150}" />&emp=<h:outputText value="#{c300Controller.emp}" />""><h:outputText value="#{locale.history}"/></a></div>
                                <div class="menu-header" ><a href="documentReport.jsp?FN600=<h:outputText value="#{c300Controller.FN600}" />&CN315=<h:outputText value="#{c300Controller.CN315}" />&fis=<h:outputText value="#{c300Controller.fis}" />&FC500=<h:outputText value="#{c300Controller.FC500}" />&FC150=<h:outputText value="#{c300Controller.FC150}" />&emp=<h:outputText value="#{c300Controller.emp}" />""><h:outputText value="#{locale.document}"/></a></div>
                            </div>
                            <div class="form_item_content" style="margin-top:5px;margin-left: -1px;">

                                <div class="workLeft">
                                    <h:graphicImage style="float:left;margin-left: 30px;" value="../images/priority_normal_large.png" height="25px" width="25px"/>
                                    <h:graphicImage  alt="Running" value="../images/running_large.png" height="25px" width="25px"/>
                                    <label ><h:outputText value="#{c300Controller.FC150}" /></label>
                                </div>
                                <div class="workRight">
                                    <label class="lbl_emp1"> Tiêu đề: <span><h:outputText value="#{c300Controller.CV151}" /></span> </label>
                                    
                                    <label class="lbl_emp">Thời gian cập nhật:<span><h:outputText value="#{c300Controller.cd196}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText> (<h:outputText value="#{c300Controller.emp_login}"/>)</span></label>
                                    
                                </div>

                               

                                    <div class="workRight2">
                                        <label class="lbl_workright">Công việc thuộc dự án:</label><div class="lbl_workright_span"> <span> <h:outputText value="#{c300Controller.nameproject}"/></span></div>
                                        <label class="lbl_workright">Loại công việc:</label> <div class="lbl_workright_span"><span>
                                                <h:outputText value="#{locale.fc550_m}" rendered="#{c300Controller.FC550 =='M'}"/>
                                                <h:outputText value="#{locale.fc550_e}" rendered="#{c300Controller.FC550 =='E'}"/>
                                                <h:outputText value="#{locale.fc550_n}" rendered="#{c300Controller.FC550 =='N'}"/>
                                                <h:outputText value="#{locale.fc550_i}" rendered="#{c300Controller.FC550 =='I'}"/>
                                            </span></div>
                                        <label class="lbl_workright">Mức độ ưu tiên: </label> <div class="lbl_workright_span"><span>
                                                <h:outputText value="Cao" rendered="#{c300Controller.FC450 ==1}"/>
                                                <h:outputText value="Bình thường" rendered="#{c300Controller.FC450 ==2}"/>
                                                <h:outputText value="Thấp" rendered="#{c300Controller.FC450 ==3}"/>
                                            
                                            </span></div>
                            </div>
                                <div class="workRight1">
                                    <label class="lbl_workright"> Mô tả: </label><div class="des_workright"><span>
                                            <h:outputText value="#{c300Controller.CB173}"/>.</span></div>

                                </div>
                                <div class="workRight2">
                                    <label class="lbl_workright">Ngày bắt đầu: </label> <div class="lbl_workright_span"><span><h:outputText value="#{c300Controller.CD152}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText></span></div>
                                    <label class="lbl_workright">Ngày kết thúc:</label><div class="lbl_workright_span"><span><h:outputText value="#{c300Controller.CD153}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText></span></div>
                                </div>
                                <div class="alert"></div>

                            </div>

                        </div>

                    </div>

                    <div class="popup-footer">
                        
                        <div class="buttonsave buttonReload" onclick="reloadProject()" lang="<h:outputText value="#{c300Controller.emp}&fis=#{c300Controller.fis}"/>" ><span>Đóng</span></div>

                        <rich:modalPanel id="ajaxLoadingModalBox" minHeight="30" minWidth="40"
                                         height="30" width="40" zindex="2000">
                            <h:outputText value="Please wait" styleClass="startDummer"></h:outputText>
                        </rich:modalPanel>

                    </div>

                </div>
            </body>
        </a4j:form>
    </f:view>
</html>
<script type="text/javascript">
    $j(document).ready(function(){
        yhight = ($j('.popup').height()-90)+"px" ;
        $j('.main_content').css('height',yhight );
        $j('.popup-content').css('height',yhight );
    });
    function reloadProject(){
       // self.parent.tb_remove();
       emp =  $j('.buttonReload').attr('lang');
        window.parent.location.href="project.jsp?action=loadproject&emp="+emp;
    }
</script>

